<template>
    <div class="content_base">
        <div class="upTo">
            <h2 class='title'>填写本月进度月报信息</h2>
            <el-form :model="upTo" label-position = 'left' class="clearfix" :rules="rules" ref="upTo" status-icon>
              <el-form-item label="圩堤名称：" label-width="120px"  class="fl">
                <div class="wid">{{upTo.dikeName}}</div>
                </el-form-item>
              <el-form-item label="所在设区市：" label-width="130px" class="fr">
                <div class="wid">{{upTo.city}}</div>
              </el-form-item>
              <el-form-item label="属地：" label-width="120px" class="fl">
                <div class="wid">{{upTo.county}}</div> 
              </el-form-item> 
              <!-- 非第一次上报只显示数据 -->
              <template v-if="status==1">
               <!-- <template v-if="false"> -->
                 <el-form-item label="初设批复治理长度（km）：" class="fr">
                   <div class="wid">{{upTo.initPermissibleLength}}</div> 
                 </el-form-item>
                 <el-form-item label="初设批复投资（万元）：" class="fl">
                   <div class="wid">{{upTo.initPermissibleInvest}}</div> 
                 </el-form-item>
                 <el-form-item label="主体工程投资（万元）：" class="fr">
                  <div class="wid">{{upTo.mainProjectInvest}}</div> 
                 </el-form-item>
              </template>
              <!-- 第一次上报可填数据 -->
              <template v-else>
                <el-form-item label="初设批复治理长度（km）："  class="fr" prop='initPermissibleLength'>
                   <el-input v-model.number="upTo.initPermissibleLength"></el-input>
                   <!-- <div class="wid">{{upTo.governDiskLength}}</div> -->
                 </el-form-item>
                 <el-form-item label="初设批复投资（万元）：" prop='initPermissibleInvest' class="fl" >
                   <el-input v-model.number="upTo.initPermissibleInvest" @blur="getcompletePercent()"></el-input>
                 </el-form-item>
                 <el-form-item label="主体工程投资（万元）：" prop='mainProjectInvest' class="fr">
                   <el-input v-model.number.lazy="upTo.mainProjectInvest" @blur="getmainPercent()"></el-input>
                 </el-form-item>
              </template>
              <el-form-item label="累计下达投资计划-中央资金（万元）：" prop = 'investPlanCapital' class="fl">
                <el-input v-model.number.lazy="upTo.investPlanCapital"></el-input>
              </el-form-item>
              <el-form-item label="累计下达投资计划-省补资金（万元）：" prop='investPlanProvince' class="fr">
                <el-input v-model.number.lazy="upTo.investPlanProvince" ></el-input>
              </el-form-item>
              <el-form-item label="累计下达投资计划-地方资金（万元）：" prop='investPlanLocal' class="fl">
                <el-input v-model.number.lazy="upTo.investPlanLocal"></el-input>
              </el-form-item>
              <!-- //、表2中累计下达投资计划中增加合计（万元）字段，类似累计完成投资中的合计 -->
              <el-form-item label="累计下达投资计划-合计（万元）：" prop='sumPlanInvest' class="fr">
                <el-input v-model.number.lazy="sumPlanInvest" disabled></el-input>
              </el-form-item>
              <el-form-item label="累计完成投资-中央资金（万元）：" prop='investCapital' class="fl">
                <el-input v-model.number.lazy="upTo.investCapital"  @blur="getcompletePercent()"></el-input>
              </el-form-item>
              <el-form-item label="累计完成资金-省补资金（万元）：" prop='investProvince' class="fr">
                <el-input v-model.number.lazy="upTo.investProvince"  @blur="getcompletePercent()"></el-input>
              </el-form-item>
              <el-form-item label="累计完成资金-地方资金（万元）：" prop='investLocal' class="fl">
                <el-input v-model.number.lazy="upTo.investLocal"  @blur="getcompletePercent()"></el-input>
              </el-form-item>
              <el-form-item label="累计完成资金-合计（万元）：" prop = 'sumInvest' class="fr">
                <el-input v-model.number.lazy="sumInvest" disabled></el-input>
              </el-form-item>
              <el-form-item label="完成投资占批复总投资比（%）：" prop='completePercent' class="fl">
                <el-input v-model.number="upTo.completePercent" disabled></el-input>
              </el-form-item>
              <el-form-item label="累计完成主体工程投资（万元）：" prop='cumulativeMainInvest' class="fr">
                <el-input v-model.number.lazy="upTo.cumulativeMainInvest" @blur="getmainPercent()"></el-input>
              </el-form-item>
              <el-form-item label="完成主体工程投资占批复工程投资比(%)：" prop='mainPercent' class="fl" >
                <el-input v-model.number="upTo.mainPercent" disabled></el-input>
              </el-form-item>
              <el-form-item label="累计完成治理长度（km）："  prop="cumulativeLength" class="fr">
                <el-input v-model.number="upTo.cumulativeLength"></el-input>
              </el-form-item>
               <el-form-item label="累计完成主要工程量-砼（m³）：" prop='quantitiesConcrete' class="fl">
                <el-input v-model.number="upTo.quantitiesConcrete"></el-input>
              </el-form-item>
               <el-form-item label="累计完成主要工程量-土方（m³）：" prop='quantitiesEarthwork' class="fr">
                <el-input v-model.number="upTo.quantitiesEarthwork"></el-input>
              </el-form-item>
              <el-form-item label="累计完成主要工程量-堤身（基）防渗(m²)：" prop='quantitiesBody' class="fl">
                <el-input v-model.number="upTo.quantitiesBody"></el-input>
              </el-form-item>
              <el-form-item label="累计完成主要工程量-石方（m³）：" prop='quantitiesStone' class="fr">
                <el-input v-model.number="upTo.quantitiesStone" ></el-input>
              </el-form-item>
              <el-form-item label="累计完成主要工程量-钢筋制安(t)：" prop='quantitiesReinforced' class="fl">
                <el-input v-model.number="upTo.quantitiesReinforced"></el-input>
              </el-form-item>
              <el-form-item label="累计完成主要工程量-建筑物（座）：" prop='buildings' class="fr">
                <el-input v-model.number="upTo.buildings"></el-input>
              </el-form-item>
              <el-form-item label="上报人姓名：" prop="reportPeople" class="fl" >
                   <el-input v-model="upTo.reportPeople" ></el-input>
               </el-form-item>
              <el-form-item label="开工时间：" class="time fr posiParent" prop='start' label-width="200px"  >
                <!-- <el-input v-model="upTo.start"></el-input> -->
                <el-date-picker
                  v-model="upTo.start"
                  type="date"
                  value-format='yyyy-MM-dd'
                  placeholder="选择日期"
                  class="fl"
                  >
                </el-date-picker>
              </el-form-item>
              <el-form-item label="工程验收完成情况：" label-width="180px" class="fr">
                <!-- <el-input v-model="upTo.projectAcceptance"></el-input> -->
                <el-input type="textarea"
                 v-model="upTo.projectAcceptance"
                 class=""
                 placeholder="请填写未开展、部分完成、全部完成分部工程或单位工程验收，填写未开展或已完成征地拆迁和移民安置、水土保持、环境保护、工程档案验收、竣工审计、竣工验收等。"
                :autosize="{ minRows: 6,maxRows:20}"></el-input>
              </el-form-item>
              <el-form-item label="存在问题：" label-width="150px" class="fl">
                <el-input type="textarea"
                 v-model="upTo.existProblem"
                :autosize="{ minRows: 4,maxRows:20}"></el-input>
              </el-form-item>
              <el-form-item label="备 注： "  label-width="150px"  >
                <el-input type="textarea"
                 v-model="upTo.note"
                :autosize="{ minRows: 4,maxRows:20}"></el-input>
                </el-form-item>
              <el-form-item label="完工时间：" class="time fr posiParent" label-width="200px">
                <!-- <el-input v-model="upTo.end"></el-input> -->
                <el-date-picker
                  v-model="upTo.end"
                  type="date"
                  value-format='yyyy-MM-dd'
                  placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
              <!-- <el-button @click="sureUpto(upTo,'save'),dialogFormVisible = false">保存</el-button> -->
              <el-button type="primary" @click="sureUpto('upTo')" v-if="upTo.state==0||upTo.state==null">确认上报</el-button>
            </div>
        </div>
    </div>
</template>
<script>
import Bus from '../../Bus.js'
export default {
    data(){
      // var checkNumber = (rule,value,callback)=>{
      //       var val =typeof(value)=='string'?value.replace(/\s/g,""):val
      //     if(val==''){
      //       return callback(new Error('请填入数据'))
      //     }else{ 
      //         val = Number(val)
      //         if(val!==0&&!val){
      //           return callback(new Error('请填入正确的数据'))
      //           }else{
      //             return callback()
      //           }
      //     }
      //    }
      var isOver1=(rule,value,callback)=>{
            //累计完成中央资金
            if(this.upTo.investCapital!==''&&this.upTo.investPlanCapital!==''){
                if(value>this.upTo.investPlanCapital){
                   return callback(new Error('此数据应不大于累计下达投资计划-中央资金'))
                }else{
                  return callback()
                }
            }else if(value ==''){
                return callback(new Error('请输入合理数据'))
            }
            
      }
       var isOver2=(rule,value,callback)=>{
          //累计完成省补资金
          if(value!==''&&this.upTo.investPlanProvince!==''){
             if(value>this.upTo.investPlanProvince){
                return callback(new Error('此数据应不大于累计下达投资-省补资金'))
             }else{
                  return callback()
            }
          }else if(value ==''){
                return callback(new Error('请输入合理数据'))
            }
      }
       var isOver3=(rule,value,callback)=>{
          //累计完成地方资金
            if(value!==''&&this.upTo.investPlanLocal!==''){
             if(value>this.upTo.investPlanLocal){
                return callback(new Error('此数据应不大于累计下达投资-地方资金'))
             }else{
                  return callback()
                }
          }else if(value ==''){
                return callback(new Error('请输入合理数据'))
            }
      }
      var checkPercent = (rule,value,callback)=>{
        if(value>100||value<0){
           return callback(new Error('百分比计算为'+value+'请核对相应的数据'))
        }else if(value<=100&&value>=0&&value!==''){
          return callback()
        }else{
          return callback(new Error())
        }
      }
        return{
              //上报的数据
          //  upTo:{
          //         // dikeName:'', 
          //         // city:'', 
          //         // county:'',
          //         // initPermissibleInvest:'1',//初设批复投资
          //         // initPermissibleLength:'1',//初设批复长度
          //         // mainProjectInvest:'1',//主体工程投资
          //         // requireCapital:'1',//需下达资金
          //         // investPlanCapital:'1',//计划投资，中央资金
          //         // investPlanProvince:'1',//计划投资，省补资金
          //         // investPlanLocal:'1',//计划投资，地方补助
          //         // investLocal:'1',//本地投资
          //         // investProvince:'1',//省内投资
          //         // investCapital:'1',//中央投资资金
          //         // sumInvest:'1',//
          //         // completePercent:'23%',//累计完成投资占批复总体投资百分比
          //         // cumulativeMainInvest:'1',//累计完成主体工程投资
          //         // mainPercent:'1%',//完成主体工程投资占批复主体工程投资百分比
          //         // cumulativeLength:'1',//累计完成治理长度
          //         // quantitiesBody:'1',//堤身（基）防渗（m2）
          //         // quantitiesEarthwork:'1',//土方（m3）
          //         // quantitiesConcrete:'1',//石全
          //         // quantitiesReinforced:'1',//钢筋制安
          //         // quantitiesStone:'1',//石方
          //         // buildings:'1',//建筑物（座）
          //         // start:'1',//开工时间
          //         // end:'1',//完工时间
          //         // projectAcceptance:'1',//工程验收完成情况
          //         // existProblem:'1',//存在问题
          //         // note:'1',  
          //         // dikeCode:'1',  
          //         // operand:'1',       
          //  },
          upTo:{
                  dikeName:'白浪河', 
                  city:'南昌市', 
                  county:'南昌县',
                  buildings: '',
                  completePercent: '',
                  cumulativeLength: '',
                  cumulativeMainInvest:'',
                  dikeCode: '',
                  end:'',
                  existProblem: '',
                  initPermissibleInvest:'',
                  // governDiskLength:'',
                  initPermissibleLength:'',
                  investCapital:'',
                  investLocal: '',
                  investPlanCapital: '',
                  investPlanLocal:'',
                  investPlanProvince: '',
                  investProvince: '',
                  mainPercent: '',
                  mainProjectInvest:'',
                  note:'',
                  operand:'',
                  projectAcceptance: '',
                  quantitiesBody: '',
                  quantitiesConcrete: '',
                  quantitiesEarthwork: '',
                  quantitiesReinforced:'',
                  quantitiesStone: '',
                  requireCapital: '',
                  start: '',
                  sumInvest: '',
                  sumPlanInvest:'',
                  reportPeople:''
             },
              //第一个月是否上报的状态
             status:'',
             rules:{
                  buildings: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//建筑物（座）
                  completePercent: [{validator: checkPercent, required: true, trigger: 'change',message:'请输确保数据合理' }],//累计完成投资占批复总体投资百分比
                  cumulativeLength: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//累计完成治理长度
                  cumulativeMainInvest:[{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//累计完成主体工程投资
                  initPermissibleInvest:[{type:'number',required: true, trigger: 'blur' ,message:'请输入合理数据'}],//初设批复投资
                  initPermissibleLength:[{type:'number', required: true, trigger: 'blur' ,message:'请输入合理数据'}],//初设批复长度
                  investCapital:[{validator: isOver1,type:'number', required: true, trigger: 'blur' }],//中央投资资金
                  investLocal: [{validator: isOver3,type:'number', required: true, trigger: 'blur' }],//本地投资
                  investPlanCapital: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//计划投资，中央资金
                  investPlanLocal:[{type:'number', required: true, trigger: 'blur' ,message:'请输入合理数据'}],//计划投资，地方补助
                  investPlanProvince: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//计划投资，省补资金
                  investProvince: [{validator: isOver2,type:'number', required: true, trigger: 'blur' }],//省内投资
                  mainPercent: [{validator: checkPercent, required: true, trigger: 'change' ,message:'请输确保数据合理'}],//完成主体工程投资占批复主体工程投资百分比
                  mainProjectInvest:[{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//主体工程投资
                  projectAcceptance: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//工程验收完成情况
                  quantitiesBody: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//堤身（基）防渗（m2）
                  quantitiesConcrete: [{type:'number', required: true, trigger: 'blur' ,message:'请输入合理数据'}],//石全
                  quantitiesEarthwork: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//土方（m3
                  quantitiesReinforced:[{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//钢筋制安
                  quantitiesStone: [{type:'number', required: true, trigger: 'blur' ,message:'请输入合理数据'}],//石方
                  requireCapital: [{type:'number', required: true, trigger: 'blur',message:'请输入合理数据' }],//需下达资金
                  start: [{required: true,message:'请选择时间', trigger: 'blur', }],//开工时间
                  sumInvest: [{ required: true, trigger: 'blur',message:'请确保数据合理' }],//累计完成资金-合计
                  sumPlanInvest:[{ required: true, trigger: 'blur',message:'请确保数据合理' }],//累计下达投资计划-合计（万元）
                  reportPeople:[{required: true, message: '请填写姓名', trigger: 'blur'}]
             },
           //本条数据的代码
           localData:{
               dikeCode:null,
               reportDate:null,
           },
           isDown:[
               {label:'是',value:'是'},
               {label:'否',value:'否'}
           ],
        }
    },
    methods:{
      isOver(value1,value2){
      },
       //获得三条基本的数据
         getBaseData(upTo){
            var _this = this ;
            var text = []
            var thisDate = (new Date()).getTime()
            this.$axios.get(`/dikeInfo/getdikeinfobycode/${this.localData.dikeCode}`,{params:{
               thisDate:thisDate
             }}).then(function(res){
               var codeMes = res.data.responseCode
               if(codeMes=='101'){
                      _this.$router.push({name:'login'})
                 }else{
                  var data  = res.data.responseData
                  upTo.dikeName=data.dikeName
                  upTo.city=data.city
                  upTo.county=data.county 
                }
             })     
        },
         //初始化第一个月上报的数据
        getFirstMouth(){
          var _this = this
          var thisDate = (new Date()).getTime()
          this.$axios.get(`/dikeInfo/getfirstmonthinfo/PRO/${this.localData.dikeCode}`,{params:{
            thisDate:thisDate
            }}).then(function(res){
            var data = res.data.responseData
            _this.status = data.status
            if(_this.status==1){
               var data = data.data
               for(var item in data){
                 _this.upTo[item] = data[item]
               }
            }
          })
        },
        //确认上报点击事件
        sureUpto(upTo){
          var _this = this 
          this.$refs[upTo].validate((valid) => {
          if (valid) {
            upTo = _this[upTo]
            upTo.operand = 2
            upTo.dikeCode = this.$route.params.dikeCode;
            this.getData(upTo)
            //更新数据
            this.getNewData()
          } else {
            return false;
          }
        })
        },
        //确认上报---------发送请求
        getData(upTo){
          var _this = this
          this.$axios.post('/projectprocess/entryprocessinfo',upTo).then(function(res){
            var data = res.data.responseMessage
            if(data=='录入成功'){
              _this.$message({
                    message: '上报成功',
                    type: 'success'
                  });
              Bus.$emit('changestate')
              _this.$router.push({name:'zijing'})
            }else{
               _this.$message({
                    message: data
                  });
            }         
          }).catch(function(err){
            console.log(err)
          })
        },
        //接收上传了的数据或者驳回后的初始数据，为0则显示空---------注意为县级用户
        getNewData(){
          var _this = this 
          // this.$axios.get('/projectprocess/getprocessinfo',{params:this.localData}).then(function(res){
          //   var data =res.data.responseData[0]
          //   if(data){
          //     _this.upTo = data
          //     if(data.length!=0){
          //     for(var item in _this.upTo){
          //         if(_this.upTo[item]=='0'){
          //            _this.upTo[item] = ''
          //         }
          //         }
          //       }
          //   }
          //     _this.getBaseData(_this.upTo)
          //     console.log(_this.upTo)
          //    }).catch(function(err){
          //        console.log(err)
          // })

          _this.getBaseData(_this.upTo)
           _this.getFirstMouth()
        },
        //完成主体工程投资占批复主体工程投资百分比（%）
        getmainPercent(){
              if(this.upTo.cumulativeMainInvest!==''&&this.upTo.mainProjectInvest!==''){  
                if(this.upTo.cumulativeMainInvest!==0&&this.upTo.mainProjectInvest===0){
                    this.$notify({
                          title: '输入错误',
                          message: '完成主体工程投资占批复主体工程投资比为：累计完成主体工程投资（万元）/主体工程投资（万元），输入的主体工程投资为：0，请确认数据合理后重新输入',
                          type: 'warning',
                          duration: 0
                        });
                }else{
                   var num  = (this.upTo.cumulativeMainInvest/this.upTo.mainProjectInvest)*100
                   num = num.toFixed(2)
                   this.upTo.mainPercent = num
                    if(num>100||num<0){
                       this.$notify({
                          title: '输入错误',
                          message: '完成主体工程投资占批复主体工程投资比为'+num+'%,完成主体工程投资占批复主体工程投资比为：累计完成主体工程投资（万元）/主体工程投资（万元），请确认后再输入',
                          type: 'warning',
                          duration: 0
                        });
                     }
                 }
              }
        },
         //完成投资占批复总投资百分比（%）
        getcompletePercent(){
          if(this.upTo.investCapital!==''&&this.upTo.investProvince!==''&&this.upTo.investLocal!==''&&this.upTo.initPermissibleInvest!==''){
                  if(this.upTo.sumInvest!==0&&this.upTo.initPermissibleInvest===0){
                      this.$notify({
                          title: '输入错误',
                          message: '完成投资占批复总投资为：累计完成资金-合计（万元）/初设批复投资（万元），输入的初设批复投资为0，请确认数据合理后重新输入',
                          type: 'warning',
                          duration: 0
                        });
                  }else{
                   var num  = (this.upTo.sumInvest/this.upTo.initPermissibleInvest)*100
                   num = num.toFixed(2)
                   this.upTo.completePercent = num
                    if(num>100||num<0){
                       this.$notify({
                          title: '输入错误',
                          message: '完成投资占批复总投资为'+num+'%,完成投资占批复总投资为：累计完成资金-合计（万元）/初设批复投资（万元），请确认后再输入',
                          type: 'warning',
                          duration: 0
                        });
                     }
                }
           }
        }
    },
    computed:{
          //计算两个百分比和两个合计
          //累计下达合计
          sumPlanInvest:function(){
            if(this.upTo.investPlanCapital!=''&&this.upTo.investPlanProvince!=''&&this.upTo.investPlanLocal!=''){
                 this.upTo.sumPlanInvest = this.upTo.investPlanCapital+this.upTo.investPlanProvince+this.upTo.investPlanLocal
                 this.upTo.sumPlanInvest = this.upTo.sumPlanInvest==NaN?0:this.upTo.sumPlanInvest
                 return this.upTo.sumPlanInvest
             }
          },
          //累计完成合计
          sumInvest:function(){
            if(this.upTo.investCapital!=''&&this.upTo.investProvince!=''&&this.upTo.investLocal!=''){
                this.upTo.sumInvest = this.upTo.investCapital+this.upTo.investProvince+this.upTo.investLocal
                this.upTo.sumInvest = this.upTo.sumInvest==NaN?0:this.upTo.sumInvest
                return this.upTo.sumInvest
             }
          },
        //   //累计完成投资占批复总投资百分比（%）
        //  completePercent:function(){
        //    if(this.upTo.initPermissibleInvest){
        //        this.upTo.completePercent = (Number(this.upTo.sumInvest)/Number(this.upTo.initPermissibleInvest))*100
        //        return this.upTo.completePercent
        //    }
        //    return 0
        //  },
        //   //完成占批复主体工程投资百分比（%）
        //   mainPercent:function($event){
        //     //  cumulativeMainInvest   mainProjectInvest
        //       console.log(11111111111111111111)
        //       var num  = (Number(this.upTo.cumulativeMainInvest)/Number(this.upTo.mainProjectInvest))*100
        //       this.upTo.mainPercent = num
        //        if(num>100){
        //           this.$notify({
        //              title: '输入错误',
        //              message: '完成主体工程投资占批复主体工程投资比>100%,完成主体工程投资占批复主体工程投资比为：累计完成主体工程投资（万元）/主体工程投资（万元），请确认后再输入',
        //              type: 'warning',
        //              duration: 0
        //            });
        //         }else if(num<0){
        //           this.$notify({
        //              title: '输入错误',
        //              message: '完成主体工程投资占批复主体工程投资比计算为负数，完成主体工程投资占批复主体工程投资比为：累计完成主体工程投资（万元）/主体工程投资（万元），请确认后再输入',
        //              type: 'warning',
        //              duration: 0
        //            });
        //         }
        //        return this.upTo.mainPercent
           
        //   }

    },
    mounted(){
        var _this = this
        this.localData.dikeCode = this.$route.params.dikeCode;
         //如果已经保存了，则调用数据，并进行初始化
        // this.$axios.get('/projectprocess/getprocessinfo',{params:this.localData}).then(function(res){
        //     console.log(res)
        //     var data = res.data.responseData;
        //     if(data.length==1){
        //       this.upTo = data[0]
        //     }
        //      _this.getBaseData(_this.upTo)
        // }).catch(function(err){
        //     console.log(err)
        // })
        //获得已经上报了的数据-------初始化
        _this.getNewData()
    }
}
</script>
<style>
 
</style>

<style scoped>
   .clearfix:after{
        content: '';
        height: 0;
        clear: both;
        display: block;
   }
   .title{
       height: 100px;
       line-height: 100px;

   }
   .upTo{
       max-width: 1550px;
       width:78%;
       min-width: 1050px;
       margin: 0 auto;
   }
   .upTo .el-form-item{
       width: 480px;
       position: relative;
       margin-left:10px
   }
   .el-form-item .wid{
     width: 52%;
     float: right;
     text-align: left
   }
   .el-input,.el-date-editor{
       width:100px;
       position: absolute;
       left: 368px;
       float: left;
        z-index: 999
   }
   .el-date-editor{
     left: -50px
   }
   .el-textarea{
     width:200px;
     float: left;
    position: relative;
     z-index: 999
   }
   .dialog-footer{
       height: 100px;
       line-height: 100px
   }
   .el-date-editor.el-input{
     width: 200px!important;
     position: absolute;
     /* float: right; */
     /* float: left; */
     /* left: 200px; */
     z-index: 999
     }
    .wid{
      width: 150px!important;
      float: left!important;
      margin-left: 50px;
    }
    .fl{
      float: left;
    }
     
    .fr{
      float: right!important;
    }
    /* 对两个时间器进行定位 */
    .posiParent{
      position: relative
    }
    .el-form-item__error{
      top:0px!important
    }
</style>



